.initiateInvitationPageBox{
    background: #fff;
    overflow: auto;
    padding: 20px 40px;
    height: 100%;
    box-sizing: border-box;
 
    .courseTable{
        width: 100%;
        margin: 65px 0 30px 0;
        table{
            width: 100%;
            margin: 0 auto;
            thead{
                tr{
                    box-shadow: 0px 0px 4px 4px #f9f9f9;
                    border-radius: 3px;
                    background-color:#fff;
                    opacity: 100%;
                    th{
                        text-align: center;
                        height: 52px;
                        // line-height: 52px;
                        vertical-align: middle;
                        font-size: 14px;
                        color: #414141;
                    }
                }
            }
            tbody{
                tr{
                    td{
                        text-align: center;
                        font-size: 14px;
                        color: #414141;
                        vertical-align: middle;
                        padding: 15px 0;
                        a{
                            display: inline-block;
                            width: 110px;
                            height: 27px;
                            line-height: 27px;
                            background-color: #8C81C3;
                            color: #fff;
                            text-align: center;
                            border-radius: 5px;
                            font-size: 12px;
                        }
                    }
                }
            }
        }
    }
    .studentLists{
        width: 100%;
        margin: 0 auto;
        padding: 35px 26px;
        box-sizing: border-box;
        box-shadow: 0px 0px 4px 4px #f9f9f9;
        border-radius: 3px;
        background-color:#fff;
        opacity: 100%;
     
        .studentNav{
            display: flex;
            justify-content: center;
            align-items: center;
            // text-align: center;
            margin-bottom: 35px;
            .navImport{
                display: inline-block;
                cursor: pointer;
                width: 125px;
                height: 27px;
                line-height: 27px;
                text-align: center;
                background-color: #8C81C3;
                border-color: #8C81C3;
                padding: 0;
                box-sizing: border-box;
                font-size: 14px;
                color: #fff;
                border-radius: 5px;
                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
               span{
                   display: inline-block;
                   width: 100%;
                   height: 100%;
                    img{
                        display: inline-block;
                        width: 12px;
                        margin-right: 10px;
                    }
               }
            }
            .navInvite{
                display: inline-block;
                cursor: pointer;
                width: 125px;
                height: 27px;
                line-height: 27px;
                text-align: center;
                background-color: #FF834D;
                border-color: #FF834D;
                // padding: 0;
                box-sizing: border-box;
                font-size: 14px;
                color: #fff;
                border-radius: 5px;
                margin-left: 10px;
                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                img{
                    display: inline-block;
                    width: 12px;
                    margin-right: 10px;
                }
            }
        }
        .studentItems{
            display: flex;
            flex-wrap: wrap;
            // .emptyTip2{
            //     color: red;
                
            //     span{
            //         display: inline-block;
            //         width: 20px;
            //         height: 20px;
            //         background: url('../static/image/failure.png') no-repeat left;
            //     }
            // }
            
            .studentItem{
                width: 47%;
                margin-right: 54px;
                margin-bottom: 38px;
                &:nth-child(2n){
                    margin-right: 0;
                }
                table{
                    width: 100%;
                    thead{
                        tr{
                            th{
                                padding: 6px;
                                text-align: center;
                            }
                        }
                    }
                    tbody{
                        tr{
                            td{
                                padding-bottom: 29px;
                                text-align: center;
                                position:relative;
                                .emptyTip2{
                                    color: red;
                                    background: url('../static/image/failure.png') no-repeat left;
                                    background-size: contain;
                                    padding: 0 20px;
                                    position: absolute;
                                    left: 30px;
                                    bottom: 8px;
                                }
                                input{
                                    height: 26px;
                                    border: 1px solid #8C81C3; 
                                    border-radius: 5px;
                                    padding: 0 2px;
                                    line-height: 26px;
                                    text-align: center;
                                    box-sizing: border-box;
                                    outline: none;
                                }
                                select{
                                    height: 26px;
                                    border: 1px solid #8C81C3; 
                                    border-radius: 5px;
                                    padding: 0 2px;
                                    line-height: 26px;
                                    text-align: center;
                                    box-sizing: border-box;
                                    outline: none;
                                }
                                &:nth-child(2){
                                    input{
                                        width: 56px;
                                    }
                                }
                                &:nth-child(3){
                                    input{
                                        width: 90px;
                                    }
                                }
                                &:nth-child(4){
                                    select{
                                        width: 46px;
                                        -webkit-appearance: none;
                                        padding-left: 10%;
                                    }
                                }
                                &:nth-child(5){
                                    input{
                                        width: 90px;
                                    }
                                }
                                &:nth-child(6){
                                    select{
                                        width: 90px;
                                        -webkit-appearance: none;
                                        padding-left: 20%;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        .itemSure{
            text-align: center;
            button{
                width: 95px;
                height: 27px;
                line-height: 27px;
                text-align: center;
                background-color: #8C81C3;
                border: 1px solid #8C81C3;
                padding: 0;
                color: #fff;
                border-radius: 5px;
                span{
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    img{
                        display: inline-block;
                        width: 11px;
                        margin-right: 7px;
                    }
                }
            }
        }
    }
    // Dialog 样式
    .importCode{
        .el-dialog{
            width: 568px!important;
            box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
            .el-dialog__header{
                padding-bottom: 12px!important; 
                button{
                    i{
                        background-color: #fff!important;
                        &::before{
                            color: #000;
                            font-weight: 600;
                        }
                    }
                }
            }
            .el-dialog__body{
                .import{
                    margin: 0 auto;
                    width: 85%;
                    margin-top: 30px;
                    //批量导入
                    h4{
                        position: relative;
                        height: 30px;
                        line-height: 30px;
                        text-indent: 10px;
                        font-size: 12px;
                        color: #363636;
                        i{
                            position: absolute;
                            left: 0;
                            top: 12px;
                            display: block;
                            width: 5px;
                            height: 5px;
                            border-radius: 50%;
                            background:red;
                        }
                    }
                    .upfile{
                        .upload-demo{
                            position: relative;
                            height: 66px;
                            overflow: hidden;//超出隐藏
                            &>div{
                                display: flex;
                                .leftSide{
                                    height: 30px;
                                    width: 261px;
                                    line-height: 30px;
                                    text-align: left;
                                    padding: 0 5px;
                                    box-sizing: border-box;
                                    border-radius: 4px;
                                    color: #c4c4c4; 
                                    border: 1px solid #c4c4c4;
                                    margin-right: 14px;
                                }
                                .uploadImport{
                                    width: 101px;
                                    height: 30px;
                                    line-height: 30px;
                                    background-color: #aba3d6;
                                    border-color: #aba3d6;
                                    border-radius: 4px;
                                    padding: 0;
                                    span{
                                        display: inline-block;
                                        width: 100%;
                                        height: 100%;
                                        font-size: 14px;
                                        img{
                                            display: inline-block;
                                            width: 12px;
                                            vertical-align: sub;
                                            margin-right: 5px;
                                        }
                                    }
                                }
                            }
                             // 这里加的样式
                            .el-upload-list{
                                position: absolute;
                                top: 32px;
                                left: 0;
                                .el-upload-list__item{
                                    margin-top: 8px;
                                    &>a{
                                        padding-left: 0;
                                    }
                                }
                            }
                        }
                    }
                    .importPrompts{
                        margin: 5px 0;
                        width: 100%;
                        height: 100%;
                        font-size: 12px;
                        .promptsTip{
                            color: red;
                            img{
                                display: inline-block;
                                width: 16px;
                                vertical-align: text-bottom;
                            }
                        }
                        .promptContent{
                            color: #808080;
                            p{
                                text-indent: 1em;
                                &:nth-child(1){
                                    text-indent: 0;
                                }
                                a{
                                    color: #aba3d6;
                                    text-decoration: underline;
                                }
                            }
                        }
                    }
                    //导入失败
                    .importTable{
                        width: 100%;
                        thead{
                            tr{
                                th{
                                    height: 30px;
                                    vertical-align: middle;
                                    text-align: center;
                                    font-weight: normal;
                                }
                            }
                        }
                        tbody{
                            tr{
                                td{
                                    text-align: center;
                                    padding: 6px 0;
                                }
                            }
                        }
                    }
                    //邀请已有学员邀请码
                    .codeInvite{
                        margin-top: 36px;
                        .codeNumber{
                            color: #616161;
                            margin-bottom: 25px;
                            text-align: center;
                            span{
                                color: #5747AA;
                                font-weight: bold;
                            }
                        }
                        .codeImg{
                            display: flex;
                            justify-content: center;
                            img{
                                display: inline-block;
                                width: 72px;
                                height: 72px;
                                margin-right: 19px;
                            }
                            .codeCopy{
                                p{
                                    margin-bottom: 17px;
                                    color: #5847AC;
                                    text-decoration: underline #5847AC;
                                }
                            }
                        }
                    }
                }
            } 
            .el-dialog__footer{
                margin-top: 23px;
                .dialog-footer{
                    .el-button--primary{
                        // width: 81px;
                        // height: 27px;
                        // line-height: 27px;
                        background-color: #8a80c2;
                        border-color: #8a80c2;
                    }
                }
            }
        }
    }
}